<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns:fb="http://ogp.me/ns/fb#">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HotBox</title>
<style type="text/css">
* {
	margin: 0px;
	padding: 0px;
	background-color: white;
}
</style>
<link href="CSS/layout.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="showHide.js" type="text/javascript"></script>

</head>

<body>

<script type="text/javascript">

$(document).ready(function(){
$("div#slidingDiv").hide();
$("div#slidingDiv_2").hide();
$("div#slidingDiv_3").hide();
$("div#slidingDiv_4").hide();
$("div#slidingDiv_5").hide();
$("div#slidingDiv_6").hide();
$("div#slidingDiv_7").hide();
$("div#slidingDiv_8").hide();
$("div#slidingDiv_9").hide();
$("div#slidingDiv_10").hide();
$("div#slidingDiv_11").hide();
$("div#slidingDiv_12").hide();
$("div#slidingDiv_13").hide();
$("div#slidingDiv_14").hide();
$("div#slidingDiv_15").hide();
$("div#slidingDiv_16").hide();
$("div#slidingDiv_17").hide();
$("div#slidingDiv_18").hide();
$("div#slidingDiv_19").hide();
$("div#slidingDiv_20").hide();
$("div#slidingDiv_21").hide();
$("div#slidingDiv_22").hide();
$("div#slidingDiv_23").hide();
$("div#slidingDiv_24").hide();
$("div#slidingDiv_25").hide();
$("div#slidingDiv_26").hide();
$("div#slidingDiv_27").hide();
$("div#slidingDiv_28").hide();
$("div#slidingDiv_29").hide();
$("div#slidingDiv_30").hide();


   $('.show_hide').showHide({			 
		speed: 100,  // speed you want the toggle to happen	
		easing: '',  // the animation effect you want. Remove this line if you dont want an effect and if you haven't included jQuery UI
		changeText: 0, // if you dont want the button text to change, set this to 0
		showText: 'Više',// the button text to show when a div is closed
		hideText: 'Manje' // the button text to show when a div is open
	}); 
	
	if($("#mainBody").height() < $(window).height())
	{
			$("#backgroundDiv").height($(window).height()-100);
	}
});

</script>



<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "http://connect.facebook.net/hr_HR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<div id="header">
  <div id="logo">
    <img name="" src="Images/hotbox logo.png" width="363" height="150" alt="" />
  </div>
</div>
<div id="divideHeader"></div>

<div id="backgroundDiv">
	<div id="mainBody">
	  <div id="menu">
		<div id="menuButtonFirst"></div>
		<div id="divide"></div>
		<a id="menuButton" href="index.html">Početna</a>
		<div id="divide"></div>
		<a id="menuButton" href="stoKuhamo.html">Tjedni meni</a>
		<div id="divide"></div>
		<a id="menuButton"href="kontakt.html">Kontakt</a>
		<div id="divide"></div>
		<a id="menuButton"href="oNama.html">O nama</a>
		<div id="divide"></div>
		<div id="menuButtonLast">
		  </div></div>
	  <div id="devideFaceLike">
		<div id="faceLogo">
			<a href="http://www.facebook.com/hotbox.hr">
				<img name="" src="Images/fc-webicon-facebook-m.png" alt="" />
			</a>
		</div>
		<div id="faceLike">
			<fb:like href="http://www.facebook.com/hotbox.hr" send="false" layout="button_count" width="120" height="25" show_faces="true"></fb:like>
		</div>
	</div>
		
		
		
	 <!--ovdje mijenjaš ponudu-->
	 <div id="ponuda"><div id="divoviZaPonudu">
		<!--<div id="slikaPonude"><img src="Images/cevapi.jpg" width="120" height="100" alt="" /></div>-->
		<div id="nazivJela"><a href="#" class="show_hide" rel="#slidingDiv"> Ponedjeljak 15.10.2012. <br/>
			<br/></a><br/>
		</div>
		<div id="slidingDiv">
			<div id="slideOpenPonuda">
				1. Svinjski krumpir paprikaš
				<br/>
				2. Grašak, mrkva, noklice  s piletinom
				<br/>
				3. Slanutak
			</div>
		</div>
	 </div> </div>
	 
	 <div id="ponuda"><div id="divoviZaPonudu">
		<!--<div id="slikaPonude"><img src="Images/cevapi.jpg" width="120" height="100" alt="" /></div>-->
		<div id="nazivJela"><a href="#" class="show_hide" rel="#slidingDiv_2"> Utorak 16.10.2012.<br/>
		<br/></a><br/></div>
		<div id="slidingDiv_2">
			<div id="slideOpenPonuda">
				1. Primorski gulaš
				<br/>
				2. Mahune s kobasicom
				<br/>
				3. Kelj varivo s povrćem
			</div>
		</div>
	 </div> </div>
	 
	 <div id="ponuda"><div id="divoviZaPonudu">
		<!--<div id="slikaPonude"><img src="Images/cevapi.jpg" width="120" height="100" alt="" /></div>-->
		<div id="nazivJela"><a href="#" class="show_hide" rel="#slidingDiv_3"> Srijeda 17.10.2012. <br/>
		<br/></a><br/></div>
		<div id="slidingDiv_3">
			<div id="slideOpenPonuda">
				1. Chilli con carne
				<br/>
				2. Varivo od carskog povrća s piletinom
				<br/>
				3. Slatko zelje
			</div>
		</div>
	 </div> </div>
	 
	 <div id="ponuda"><div id="divoviZaPonudu">
		<!--<div id="slikaPonude"><img src="Images/cevapi.jpg" width="120" height="100" alt="" /></div>-->
		<div id="nazivJela"><a href="#" class="show_hide" rel="#slidingDiv_4"> Četvrtak 18.10.2012. <br/>
		<br/></a><br/></div>
		<div id="slidingDiv_4">
			<div id="slideOpenPonuda">
				1. Jota - Istarska maneštra s kiselim zeljem i kobasicom
				<br/>
				2. Vinski gulaš
				<br/>
				3. Poriluk na bijelo
			</div>
		</div>
	 </div> </div>
	 
	 <div id="ponuda"><div id="divoviZaPonudu">
		<!--<div id="slikaPonude"><img src="Images/cevapi.jpg" width="120" height="100" alt="" /></div>-->
		<div id="nazivJela"><a href="#" class="show_hide" rel="#slidingDiv_5"> Petak 19.10.2012.<br/>
		<br/></a><br/></div>
		<div id="slidingDiv_5">
			<div id="slideOpenPonuda">
				1. Domaći lonac
				<br/>
				2. Oslić alla bakalar
				<br/>
				3. Varivo od leće s povrćem
			</div>
		</div>
	 </div> </div>
	 
	 <!--<div id="ponuda"><div id="divoviZaPonudu">
		<div id="slikaPonude"><img src="Images/cevapi.jpg" width="120" height="100" alt="" /></div>
		<div id="nazivJela"><a href="#" class="show_hide" rel="#slidingDiv_6"> Čevapi <br/>
		<br/></a><br/></div>
		<div id="slidingDiv_6">
			<div id="slideOpenPonuda">
				Čevapi su jako zdravi i kod nas jako jeftini
				<br>
				I još bla blabla bla;
			</div>
		</div>
	 </div> </div>
	 
	 
	 <div id="ponuda"><div id="divoviZaPonudu">
		<div id="slikaPonude"><img src="Images/cevapi.jpg" width="120" height="100" alt="" /></div>
		<div id="nazivJela"><a href="#" class="show_hide" rel="#slidingDiv_7"> Čevapi <br/>
		<br/></a><br/></div>
		<div id="slidingDiv_7">
			<div id="slideOpenPonuda">
				Čevapi su jako zdravi i kod nas jako jeftini
				<br>
				I još bla blabla bla;
			</div>
		</div>
	 </div> </div>
	 
	 <div id="ponuda"><div id="divoviZaPonudu">
		<div id="slikaPonude"><img src="Images/cevapi.jpg" width="120" height="100" alt="" /></div>
		<div id="nazivJela"><a href="#" class="show_hide" rel="#slidingDiv_8"> Čevapi <br/>
		<br/></a><br/></div>
		<div id="slidingDiv_8">
			<div id="slideOpenPonuda">
				Čevapi su jako zdravi i kod nas jako jeftini
				<br>
				I još bla blabla bla;
			</div>
		</div>
	 </div> </div>
	 
	 <div id="ponuda"><div id="divoviZaPonudu">
		<div id="slikaPonude"><img src="Images/cevapi.jpg" width="120" height="100" alt="" /></div>
		<div id="nazivJela"><a href="#" class="show_hide" rel="#slidingDiv_9"> Čevapi <br/>
		<br/></a><br/></div>
		<div id="slidingDiv_9">
			<div id="slideOpenPonuda">
				Čevapi su jako zdravi i kod nas jako jeftini
				<br>
				I još bla blabla bla;
			</div>
		</div>
	 </div> </div>

	<div id="ponuda"><div id="divoviZaPonudu">
		<div id="slikaPonude"><img src="Images/cevapi.jpg" width="120" height="100" alt="" /></div>
		<div id="nazivJela"><a href="#" class="show_hide" rel="#slidingDiv_10"> Čevapi <br/>
		<br/></a><br/></div>
		<div id="slidingDiv_10">
			<div id="slideOpenPonuda">
				Čevapi su jako zdravi i kod nas jako jeftini
				<br>
				I još bla blabla bla;
			</div>
		</div>
	 </div> </div>
	 
	 <div id="ponuda"><div id="divoviZaPonudu">
		<div id="slikaPonude"><img src="Images/cevapi.jpg" width="120" height="100" alt="" /></div>
		<div id="nazivJela"><a href="#" class="show_hide" rel="#slidingDiv_11"> Čevapi <br/>
		<br/></a><br/></div>
		<div id="slidingDiv_11">
			<div id="slideOpenPonuda">
				Čevapi su jako zdravi i kod nas jako jeftini
				<br>
				I još bla blabla bla;
			</div>
		</div>
	 </div> </div>
	 
	 <div id="ponuda"><div id="divoviZaPonudu">
		<div id="slikaPonude"><img src="Images/cevapi.jpg" width="120" height="100" alt="" /></div>
		<div id="nazivJela"><a href="#" class="show_hide" rel="#slidingDiv_12"> Čevapi <br/>
		<br/></a><br/></div>
		<div id="slidingDiv_12">
			<div id="slideOpenPonuda">
				Čevapi su jako zdravi i kod nas jako jeftini
				<br>
				I još bla blabla bla;
			</div>
		</div>
	 </div> </div>-->
	</div>
</div>
</body>
</html>
